@import "common.scss";
*{
  margin: 0;
  padding: 0;
}
.container{
  margin: 0 auto;
  @include whc(640px,1140px,#DDDCDC);
  .head{
    background: linear-gradient(#FA52AD, #FF8CCA);
    width: 640px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    position:relative;
    i{
      @include _text(55px,#FCFFFF);
      @include cen(20px);
    }
    span{
      @include _text(30px,#FDEDED);
    }
  }
}
.head_phone{
  @include whc(640px,177px,#FBFBFB);
  margin-top:41px;
    li{
      position:relative;
      @include whc(640px,86px,null);
      line-height: 86px;
      &:first-child{
        border-bottom: 1px solid #DDDCDC;
        span{
          margin-left:40px;
          @include _text(30px,#141414);
        }
        i{
          @include _text(55px,#B9AFAF);
          @include position_right(40px);
        }
      }
  }
}
.phone{
  @include whc(560px,75px,#FBFBFB);
  display: inline-block;
  @include _text(30px,#C9C3C3);
  padding-left:5px;
  @include verticalMiddle;
}
.center{
  @include whc(640px,300px,null);
  text-align: center;
  .nextBtn{
    display: inline-block;
    @include whc(484px,80px,#CCCCCC);
    border-radius:15px;
    line-height: 80px;
    @include _text(30px,#FCF4F4);
    margin-top:40px;
  }
  .center_check{
    margin-top:40px;
    position: relative;
 /*   i{
      @include _text(30px,#6B6767);
      cursor: pointer;
      position: absolute;
    }*/
    input{
      display: none;
    }
    .square{
      @include _text(30px,#6B6767);
      cursor: pointer;
      position: absolute;
      left: 110px;
      top:2px;
      display: inline-block;
    }
    .che{
      width: 20px;
      height: 20px;
      display: none;
      cursor: pointer;
      position: absolute;
      left: 110px;
      top:4px;
      border: 2px solid #6B6767;
      border-radius: 6px;
    }
    input[type = checkbox]:checked+label{
      display: none;
    }
    input[type = checkbox]:checked+label+label{
      display: block;
    }
    span{
      @include _text(24px,#323232);
    }
    a{
      @include _text(24px,#29A1F8);
    }
  }
}
.btn_num{
  @include whc(640px,402px,#FEFEFE);
  position: fixed;
  bottom: -402px;
  transition: bottom .2s linear .2s;
  li{
    border-bottom:1px solid #E1DFDF;
    @include flex;
    button{
      @include whc(215px,100px,#FEFEFE);
      display: inline-block;
      border-right:1px solid #E1DFDF;
      @include _text(48px,#6B6767);
      &:last-child{
        border-right: none;
      }
    }
    button:active{
      box-shadow: inset 0 1px 2px 0 #6B6767;
      //background: #29A1F8;
    };
  }
}
.btn_footer{
  border-top:1px solid #E1DFDF;
  @include whc(640px,98px,#FBFBFB);
  text-align: center;
  position: fixed;
  bottom: 0;
  .footer{
    @include centerline;
    @include whc(590px,98px,null);
    li{
      @include whc(590px,49px,null);
      line-height: 49px;
      &:first-child{
        border-bottom: 1px solid #FA52AD;
      }
     .return{
       @include _text(18px,#FA52AD)
     }
      .watch{
        @include _text(16px,#3CA5F7);
      }
    }
  }
}
.footer_or{
  display: inline-block;
  @include whc(30px,24px,#FBFBFB);
  @include _text(18px,#FA52AD);
  @include verticalMiddle;
}
.on{
  display: inline-block;
  @include whc(484px,80px,#FA52AD);
  border-radius:15px;
  line-height: 80px;
  @include _text(30px,#FCF4F4);
  margin-top:40px;
}